<div class="login-content">
  <mat-card class="login-card">
    <mat-card-header>
      <mat-card-title class="login-title">氢燃料车智能运维平台</mat-card-title>
    </mat-card-header>
    <mat-card-content>
     <form [formGroup]="loginForm" class="form-container" novalidate autocomplete="off">
      <mat-form-field>
        <input formControlName="userName" matInput placeholder="请输入账号">
      </mat-form-field>
      <mat-form-field>
        <input formControlName="userPassword" type="password" matInput placeholder="请输入密码">
      </mat-form-field>
      <button (click)="onSubmit($event)" mat-raised-button type="submit" color="primary"  [disabled]="!loginForm.valid || loginInProgress">登录</button>
     </form>
    </mat-card-content>
  </mat-card>

  <div class="login-footer">
    <div><small>氢燃料车智能运维云平台</small></div>
    <div><small>&copy; 2017.11.10.01</small></div>
  </div>
</div>
